 <!DOCTYPE html>
<html>
<base target="iframe"/>
<head lang="en">
    <meta charset="UTF-8">
    <title>主页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
    <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 
    <!--jquery得第一个引入-->
    <script src="__PUBLIC__/admin/js/jquery/jquery-1.9.1.min.js"></script>
    <script src="__PUBLIC__/admin/js/bootsrap/bootstrap.min.js"></script>
    <script src="__PUBLIC__/admin/js/metisMenu/jquery.metisMenu.js"></script>
    <script type="text/javascript" src="__PUBLIC__/admin/js/bootstrapValidator/dist/js/bootstrapValidator.js"></script>

    <link href="__PUBLIC__/admin/css/bootstrap/bootstrap.css" rel="stylesheet">
    <link href="__PUBLIC__/admin/css/metisMenu/font-awesome.css" rel="stylesheet">
    <link href="__PUBLIC__/admin/css/metisMenu/jquery.metisMenu.css" rel="stylesheet">
    <link rel="stylesheet" href="__PUBLIC__/admin/css/bootstrapValidator/bootstrapValidator.css"/>
    <!--自定义样式的引入-->
    <link href="__PUBLIC__/admin/css/metisMenu/menu.css" rel="stylesheet">

    <link href="__PUBLIC__/admin/css/manager/docs.min.css" rel="stylesheet">


    <!--日历和富文本编辑器的引入-->
    <link href="__PUBLIC__/admin/css/datepicker/bootstrap-datetimepicker.min.css">
    <script src="__PUBLIC__/admin/js/datepicker/bootstrap-datetimepicker.js"></script>
    <script src="__PUBLIC__/admin/js/datepicker/bootstrap-datetimepicker.zh-CN.js"></script>

    <script>
        $(function () {

            var url = window.location.href;

            $('#menu').metisMenu();
            if('{$url}'!=null && '{$url}'!=""){
                if("{$get['method']}"!=null && "{$get['method']}"!=""){
                    get_content("__APP__/{$url}/{$get['method']}?num={$num}&p={$get['p']}");
                }
                else{
                    get_content("__APP__/{$url}/index?num={$num}&p={$get['p']}");
                }
            }
            else{
                get_content("{:U('Index/welcome')}");
            }
            $(".init-list").click(function(){
                var itemId = $(this).val();
                 get_content("{:U('Manager/index')}?id="+itemId);
            });
            $(".info-integration").click(function(){
                get_content("{:U('WebInfo/index')}");
            });
            $(".info-department").click(function(){
                var itemId = $(this).val();
                 get_content("{:U('Information/index')}?id="+itemId);
            });
            $(".init-canshu").click(function(){
                 get_content("{:U('Manager/setinterview')}");
            });
            function get_content(url){

                $(".content-info").load(url);
            }
        });
    </script>
    <style>
        body {
            font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif;
        }
        .frame-top {
            background-color: #563D7C;
            border-color: #463265;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
        }

        .content-info{
            margin-top: 60px;
        }

        /**
        * 其实这里用的图标就是bootstrap的
        **/
         .fn-icon {
            background: url("__PUBLIC__/admin/img/index/slide_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
            width: 14px;
            height: 14px;
            line-height: 14px;
            display: inline-block;
            overflow: hidden;
            margin-top: 1px;
        }
        .home .fn-icon{
            background-position: 0 -24px;
        }
        .adminer .fn-icon{
            background-position: -168px 0;
        }
        .account-manager .fn-icon{
            background-position:-432px 0;
        }
        .web-build .fn-icon{
            background-position:-432px -144px;
        }
        .web-manager .fn-icon{
            background-position:-240px 0
        }
        .apply-essence .fn-icon{
            background-position:-120px 0
        }

        /*****************************joseph添加的样式**********************/
        .title{
            border-bottom: 1px solid #DDDDDD;
            margin-bottom: 15px;
        }
        .content{
           width: 1024px;
            height: 100%;
        }
        .container{
             width: 1024px;
             height: 100%;
         }

         #right{float:left;overflow: hidden;}

    </style>
</head>

<body>

<header role="banner" class="navbar navbar-inverse navbar-fixed-top frame-top">
        <div class="navbar-header">
            <button data-target=".bs-navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" style="color:#FFFFFF" href="#">大学生职业发展协会</a>
        </div>
        <!--右上角用户头像-->
        <ul style="float: right; margin-right: 90px; margin-top: 8px; list-style:none;">
            <li class="dropdown user">

                <a data-toggle="dropdown" class="dropdown-toggle" href="#">

                    <img src="__PUBLIC__/public/logo.png" width="35" height="35" alt="">

                    <span class="username">{$data.department_name}</span>

                    <i class="icon-angle-down"></i>

                </a>

                <ul class="dropdown-menu">

                    <li>
                        <a href="{:U('Login/logout')}" >
                            <span class="glyphicon glyphicon-log-out"></span>
                            退出登录
                        </a>
                    </li>

                </ul>

            </li>
        </ul>
</header>

<div class="row" style="width: 100%">
    <div class="col-md-2" style="width: 20%">
        <aside class="sidebar">
            <nav class="sidebar-nav">
                <ul id="menu">
                    <li class="active home info-department" value="{$data.department_id}">
                        <a>
                            <i class="fn-icon"></i>
                            <span class="sidebar-nav-item">部门信息
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fn-icon"></i>
                            纳新系统
                        </a>
                        <ul>
                        <li class="init-list" value="{$data.department_id}"><a>报名者名单</a></li>
                        <li><a class="init-canshu" href="#">纳新设置</a></li>
                        <li><a class="init-detail" href="#">纳新详情设置</a></li>
                        <li><a class="init-qiandao" href="#">签到表</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </aside>
    </div>

    <!--ajax加载进来的内容-->
    <div class="content-info col-md-9" style="width: 80%">
    </div>
    <hr>

</div>

</body>
</html>